<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="设备监测报警" name="first"> <equip-check /> </el-tab-pane>
    <el-tab-pane label="围栏触发报警" name="second"><fence-strike /></el-tab-pane>
    <el-tab-pane label="设备电量报警" name="third"><equip-electric /></el-tab-pane>
    <el-tab-pane label="设备一键报警" name="fourth"><equip-onekey /></el-tab-pane>
    <el-tab-pane label="设备静止报警" name="five"><equip-static /></el-tab-pane>
  </el-tabs>
</template>
<script>
import EquipCheck from './equipCheck'
import EquipOnekey from './equipOnekey'
import EquipStatic from './equipStatic'
import FenceStrike from './fenceStrike'
import EquipElectric from './equipElectric'

export default {
  components: {
    'equip-check': EquipCheck,
    'equip-onekey': EquipOnekey,
    'equip-static': EquipStatic,
    'fence-strike': FenceStrike,
    'equip-electric': EquipElectric
  },
  data() {
    return {
      activeName: 'first'
    }
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event)
    }
  }
}
</script>
